<template>
	<view class="">
		<Uswiper
			@change="change" 
			:height="250" 
			:list="list" 
			:title="title" 
			:effect3d="effect3d"
			:indicator-pos="indicatorPos" 
			:mode="mode" 
			:interval="3000"
			style="background: #FFFFFF;">
		</Uswiper>
		<Uswiper
			@change="change" 
			:height="250" 
			:list="list" 
			:title="title" 
			:effect3d="false"
			:indicator-pos="indicatorPos" 
			:mode="mode" 
			:interval="3000"
			style="background: #FFFFFF;margin-top: 100rpx;">
		</Uswiper>
	</view>
</template>

<script>
	import Uswiper from '@/components/swiper/u-swiper.vue'
	export default{
		components:{
			Uswiper,
		},
		data() {
			return {
				list:[{
						image: '/static/mescroll/xiaojiejie.jpg',
						title: '昨夜星辰昨夜风，画楼西畔桂堂东'
					},
					{
						image: '/static/mescroll/xiaojiejie2.jpg',
						title: '身无彩凤双飞翼，心有灵犀一点通'
					},{
						image: '/static/mescroll/xiaojiejie3.jpg',
						title: '身无彩凤双飞翼，心有灵犀一点通'
					},
					{
						image: '/static/mescroll/xiaojiejie4.jpg',
						title: '身无彩凤双飞翼，心有灵犀一点通'
					},
				],
				title: false, //是否显示文字
				mode: 'round', // 类型
				indicatorPos: 'bottomCenter',
				effect3d: true, // 是否开启3d
			}
		},
		methods:{
			// 监听轮播
			change(e) {
				// console.log(e)
			},
		}
	}
</script>

<style>
</style>
